
<div class="fluent-messagebar-provider " b-aw4knpwcro="">
  <div class="fluent-messagebar intent-warning" animation="fadein" blazor:onfocusin="1" blazor:onfocusout="2" b-ig2qs97tvl="">
    <div class="fluent-messagebar-icon" b-ig2qs97tvl="">
      <svg style="width: 20px; fill: var(--warning);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" blazor:onclick="3">
        <title>warning</title>
        <path d="M8.68 2.79a1.5 1.5 0 0 1 2.64 0l6.5 12A1.5 1.5 0 0 1 16.5 17h-13a1.5 1.5 0 0 1-1.32-2.21l6.5-12ZM10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 1 0v-4Zm.25 6.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path>
      </svg>
    </div>
    <div class="fluent-messagebar-message" b-ig2qs97tvl="">
      <span class="title" b-ig2qs97tvl="">This is a message</span>
    </div>
    <div class="fluent-messagebar-container-action" b-ig2qs97tvl=""></div>
  </div>
</div>
